.msg-container {
  width: 650px;
  overflow: hidden;
  position: relative;
}

.text-container {
  display: flex;
  float: right;
  padding: 20px 20px 0 0;
}

.name {
  float: right;
  font-size: 12px;
}
.message {
  float: right;
  padding: 5px;
  max-width: 250px;
  text-align: right;
  background-color: #95ec69;
  border-radius: 4px 0 4px 4px;
}
.avart {
  margin-left: 5px;
}
.triangle-r {
  position: absolute;
  top: 35px;
  right: 57px;
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent transparent #95ec69;
}
